MERN Stack Project: Realtime Chat App Tutorial - React.js & Socket.io

Codesistency

Codesistency

124K subscribers

Subscribed

12K

Share

654,021 views Nov 19, 2024

Build a Realtime Chat App with MERN Stack. Completely beginner friendly. My 100 Hours Udemy Course: https://dub.sh/udemy-discount Source Code:https://github.com/burakorkmez/fullst... (✨ Stars appreciated) Discord for your questions:   / discord   Highlights: 🌟 Tech stack: MERN + Socket.io + TailwindCSS + Daisy UI 🎃 Authentication && Authorization with JWT 👾 Real-time messaging with Socket.io 🚀 Online user status 👌 Global state management with Zustand 🐞 Error handling both on the server and on the client ⭐ At the end Deployment like a pro for FREE! ⏳ And much more! Timestamps: 00:00:00 - Demo 00:01:44 - Backend Setup 00:13:46 - Database Setup 00:26:04 - Signup 00:47:38 - Login & Logout & Update Profile 01:12:52 - Message Routes 01:27:40 - Signup & Login Pages 02:16:09 - Profile Page 02:30:23 - Settings Page 02:41:29 - Home Page - Sidebar 02:58:06 - Home Page - Chat Container 03:29:26 - Understanding & Implementing Socket.io 04:15:09 - Detailed Deployment 04:29:22 - Final Tests & bye

Chapters

View all

Demo

0:00

Backend Setup

1:44

Database Setup

13:46

Signup

26:04

Login & Logout & Update Profile

47:38

Message Routes

1:12:52

Signup & Login Pages

1:27:40

Profile Page

2:16:09

Transcript

Follow along using the transcript.

Show transcript

Codesistency

124K subscribers

Videos

About

Discord

Twitter

Show less